@charset "UTF-8";
@import "reset";
    * {
                padding: 0;
                margin: 0;
            }
            
            .web {
                width: r(600px);
                margin: 0 auto;
                background: white;
                position: relative;
            }
            
            .youxikuang {
                margin-top: r(-200px);
                background: white;
                width: r(600px);
                height: r(1100px);
                position: relative;
                overflow: hidden;
                border: r(10px) solid black;
                border-radius: r(20px);
            }
            
            .hang {
                position: absolute;
                top: 0px;
                left: 0px;
            }
            
            .hang ul {
                display: flex;
                justify-content: space-around;
            }
            
            .aa {
                list-style: none;
                width: r(145px);
                height: r(180px);
                border: r(2px) solid black;
                background: white;
                border-radius: r(10px);
            }
            
            .active {
                background: black;
            }
            
            .posui {
                background: white;
            }
            .dianji {
                padding: r(46px) r(90px);
                background: red;
                border-radius: r(40px);
                position: absolute;
                top: r(650px);
                left: r(180px);
                color: white;
                font-size: r(30px);
                font-weight: bold;
            }
            .baise{
                    padding: r(100px) r(120px);
                    background: black;
                    border-radius: 40px;
                    position: absolute;
                    top: r(257px);
                    left: r(132px);
                    color: white;
                    font-size: r(40px);
            }
            .heise{
                    padding: r(50px) r(80px);
                    background: silver;
                    border-radius: r(40px);
                    position: absolute;
                    top: r(450px);
                    left: r(250px);
                    font-size: r(40px); 
                    
            }
             .topDiv{
                    border-radius: r(20px);
                    border: r(28px) solid black;
                    background: black;
                    position: absolute;
                    top: r(150px);
                    width: r(600px);
                    
            }
            .ddddd{
//              opacity：r(0.5);
                font-size: r(180px);
                position: absolute;
                top: r(300px);
                left: r(220px);
                color: rgba(255,0,0,0.7);
                
            }
            .kunnan{
                padding: r(46px) r(90px);
                background: red;
                border-radius: r(40px);
                position: absolute;
                top: r(800px);
                left: r(150px);
                color: white;
                font-size: r(30px);
                font-weight: bold;
            }
             .kunnan a{
                 color: white;
             }
//          弹窗
             .lost{
                 display: none;
                 line-height: r(1000px);
                 text-align: center;
                 position: absolute;
                 margin-top: r(100px);
                 top: r(0px);
                 left: r(0px);
                 width: r(600px);
                 height: r(1000px);
                 background: rgba(198,206,255,1);
             }
            .restGo{
                font-size: r(50px);
                color: brown;
                 position: absolute;
                 top: r(100px);
                 left: 45%;
            }
